import {FC} from "react";
import {Line} from "@ant-design/charts";
const CustChartLine:FC<any>=()=>{
    const data = [
        {year: '1991', value: 1},
        {year: '1992', value: 4},
        {year: '1993', value: 2},
        {year: '1994', value: 5},
        {year: '1995', value: 4.9}
    ];
    const config = {
        data: data,
        xField: 'year',
        yField: 'value',
        label: {},
        autoFit: true,
        style: {
            width: "100%",
            height:"100%"
        },
        point: {
            size: 5,
            shape: 'diamond',
            style: {
                fill: 'white',
                stroke: '#5B8FF9',
                lineWidth: 2,
            },
        },
        tooltip: {showMarkers: false},
        legend:false,
    };
    return <Line {...config} />;
}
export default CustChartLine;
